<template>
  <div class="stresstesting">
         <div class="empity"></div>
       <div class="img">
        <img src="../../../public/healhtool/dddd.png" alt="">
       </div>
       <div class="start">
        <button @click="startTest">开始测试</button>
       </div>
      </div>



</template>

<script setup lang="ts">

import { useRouter } from 'vue-router'
const router = useRouter()
const startTest = () => {
  router.push('/startTest')
}
</script>

<style scoped lang="scss">
.stresstesting{
  overflow-x: hidden;
  width: 100%;
  height:100%;
  background: #f0f7ff;
  .empity{
    width: 100%;
    height: 30px;
  }
  .img{
    width: 88%;
    height: 540px;
    margin-left: 22px;

    img{
      width: 100%;
      height: 100%;
    }
  }
  .start{
    width: 100%;
   margin-left: 50px;
   margin-top: 30px;
   button{
    width: 240px;
    height: 50px;
    background: #2462ff;
    border: 0;
    border-radius: 25px;
    color: #fff;
    font-size: 19px;
   }
  }
}
</style>
